<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
    <title>后台管理首页</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">

    <!-- Google Font -->
    <link href="https://fonts.googleapis.com/css?family=Poppins:300,400,500,600,700" rel="stylesheet">

    <!-- Template style -->
    <link rel="stylesheet" href="dist/css/style.css">
    <link rel="stylesheet" href="dist/et-line-font/et-line-font.css">
    <link rel="stylesheet" href="dist/font-awesome/css/font-awesome.min.css">
    <link type="text/css" rel="stylesheet" href="dist/weather/weather-icons.min.css">
    <link type="text/css" rel="stylesheet" href="dist/weather/weather-icons-wind.min.css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->

    <script src="plugins/charts/code/highcharts.js"></script>
</head>

<body class="sidebar-mini">
<div class="wrapper">

    <!-- 引入顶栏 -->
    <header class="main-header dark-bg">

        <!-- Logo -->
        <a href="index.html" class="logo dark-bg">
            <!-- mini logo for sidebar mini 50x50 pixels -->
            <span class="logo-mini"><img src="dist/img/logo.png" alt="Ovio"></span>
            <!-- logo for regular state and mobile devices -->
            <span class="logo-lg"><img src="dist/img/logo-lg.png" alt="Ovio"></span> </a>

        <!-- Header Navbar -->
        <nav class="navbar navbar-static-top" role="navigation">
            <!-- Sidebar toggle button-->
            <a href="#" class="sidebar-toggle" data-toggle="push-menu" role="button"> <span class="sr-only">Toggle navigation</span>
            </a>


            <!--右侧顶栏，以后要统一，以index页面的为准-->
            <div class="navbar-custom-menu">
                <ul class="nav navbar-nav">


                    <!--邮箱登录-->
                    <li class="dropdown notifications-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown">
                        <i class="icon-envelope"></i>
                        <div class="notify"><span class="heartbit noticePoint"></span> <span
                                class="point noticePoint"></span></div>
                    </a>
                        <ul class="dropdown-menu">
                            <li class="header" style="text-align: center"><span>请输入您的邮箱和授权码</span><br/>
                                <span>--（目前仅支持QQ邮箱）--</span></li>
                            <li>
                                <input type="text" name="search" class="form-control" id="emailLogin"
                                       disabled="disabled" style="text-align: center;margin-top: 5%">
                                <input type="text" name="search" class="form-control" id="password"
                                       placeholder="--请输入授权码--" style="text-align: center;margin-top: 5%">
                            </li>
                            <li class="footer" style="text-align: center;margin-top: 5%">
                                <button type="button" class="btn btn-primary btn-outline btn-rounded"
                                        id="emailLoginButton">登录
                                </button>
                            </li>
                        </ul>
                    </li>


                    <!--收信箱-->
                    <li class="dropdown messages-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <i
                            class="icon-megaphone"></i>
                        <div class="notify"><span class="heartbit noticePoint"></span> <span
                                class="point noticePoint"></span></div>
                    </a>
                        <ul class="dropdown-menu">
                            <li class="header" style="padding-bottom: 10%">
                                <div>您有<span id="emailNum">0</span>条邮件未读（目前不支持实时的收件箱显示，期待后续更新...）</div>
                            </li>
                            <li>
                                <ul class="menu" id="emailList">
                                    <!--<li><a href="#">-->
                                    <!--<div class="pull-left"><img src="dist/img/img1.jpg" class="img-circle" alt="User Image"></div>-->
                                    <!--<h4>Florence Douglas</h4>-->
                                    <!--<p>Lorem ipsum dolor sit amet.</p>-->
                                    <!--<p><small><i class="fa fa-clock-o"></i> 2 mins</small></p>-->
                                    <!--</a></li>-->
                                    <!--<li><a href="#">-->
                                    <!--<div class="pull-left"><img src="dist/img/img2.jpg" class="img-circle" alt="User Image"></div>-->
                                    <!--<h4>Douglas Smith</h4>-->
                                    <!--<p>Lorem ipsum dolor sit amet.</p>-->
                                    <!--<p><small><i class="fa fa-clock-o"></i> 15 mins</small></p>-->
                                    <!--</a></li>-->
                                    <!--<li><a href="#">-->
                                    <!--<div class="pull-left"><img src="dist/img/img3.jpg" class="img-circle" alt="User Image"></div>-->
                                    <!--<h4>Lorence Deo</h4>-->
                                    <!--<p>Lorem ipsum dolor sit amet.</p>-->
                                    <!--<p><small><i class="fa fa-clock-o"></i> 35 mins</small></p>-->
                                    <!--</a></li>-->
                                    <!--<li><a href="#">-->
                                    <!--<div class="pull-left"><img src="dist/img/img1.jpg" class="img-circle" alt="User Image"></div>-->
                                    <!--<h4>Florence Douglas</h4>-->
                                    <!--<p>Lorem ipsum dolor sit amet.</p>-->
                                    <!--<p><small><i class="fa fa-clock-o"></i> 2 mins</small></p>-->
                                    <!--</a></li>-->
                                </ul>
                            </li>
                            <li class="footer" style="text-align: center;padding-top: 10%">
                                <button disabled="disabled" id="writeEmail" type="button" id="writeEmail"
                                        class="btn btn-default btn-outline" style="margin-right: 10%">写邮件
                                </button>
                                <button disabled="disabled" id="enterEmail" type="button"
                                        class="btn btn-default btn-outline">进入邮箱
                                </button>
                            </li>
                        </ul>
                    </li>

                    <!--右侧头像框-->
                    <li class="dropdown user user-menu"><a href="#" class="dropdown-toggle" data-toggle="dropdown"> <img
                            src="dist/img/img1.jpg" class="user-image" alt="User Image"> <span class="hidden-xs"><span
                            class="adminName">Florence Douglas</span></span> </a>
                        <ul class="dropdown-menu">
                            <li class="user-header">
                                <div class="pull-left user-img"><img src="dist/img/img1.jpg" class="img-responsive"
                                                                     alt="User"></div>
                                <p class="text-left"><span class="adminName">Florence Douglas</span>
                                    <small id="email">florence@gmail.com</small>
                                </p>
                                <div class="view-link text-left"><a href="#">个人信息</a></div>
                            </li>
                            <li><a href="#"><i class="icon-gears"></i> 账号设置</a></li>
                            <li role="separator" class="divider"></li>
                            <li><a href="adminOut"><i class="fa fa-power-off"></i> <span id="adminOut">退出登录</span></a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </nav>
    </header>

    <!-- Left side column. contains the logo and sidebar -->
    <aside class="main-sidebar dark-bg">
        <section class="sidebar">
            <div class="user-panel black-bg">
                <div class="pull-left image"><img src="dist/img/img1.jpg" class="img-circle" alt="User Image"></div>
                <div class="pull-left info">
                    <p class="adminName"></p>
                    <a href="#"><i class="fa fa-circle"></i> Online</a></div>
            </div>
            <!-- Sidebar Menu -->
            <ul class="sidebar-menu" data-widget="tree">
                <li class="header dark-bg">Menu</li>
                <li class="treeview active"><a href="#"><i class="fa fa-dashboard"></i> <span>数据详情</span> <span
                        class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                    <ul class="treeview-menu ">
                        <li class="active"><a href="index.html"><i class="fa fa-angle-right"></i> 后台数据概览</a></li>
                        <li><a href="getMoreTodayFund.html"><i class="fa fa-angle-right"></i> 今日众筹数据</a></li>
                        <!--<li><a href="dashboard-3.html"><i class="fa fa-angle-right"></i> 数据详情 3</a></li>-->
                    </ul>
                </li>
                <li class="treeview"><a href="#"><i class="fa fa-table"></i> <span>权限管理</span> <span
                        class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>
                    <ul class="treeview-menu">
                        <li><a href="userManage.html"><i class="fa fa-angle-right"></i> 用户管理</a></li>
                        <li><a href="adminManage.html"><i class="fa fa-angle-right"></i> 管理员管理</a></li>
                        <li><a href="goodManage.html"><i class="fa fa-angle-right"></i> 商品管理</a></li>
                    </ul>
                </li>
                <!--<li class="treeview"><a href="#"><i class="fa fa-bar-chart"></i> <span>业务管理</span> <span-->
                        <!--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>-->
                    <!--<ul class="treeview-menu">-->
                        <!--<li><a href="charts/line.html"><i class="fa fa-angle-right"></i> 资质维护</a></li>-->
                        <!--<li><a href="charts/area.html"><i class="fa fa-angle-right"></i> 分类管理</a></li>-->
                        <!--<li><a href="charts/bar.html"><i class="fa fa-angle-right"></i> 流程管理</a></li>-->
                        <!--<li><a href="charts/pie.html"><i class="fa fa-angle-right"></i> 广告管理</a></li>-->
                        <!--<li><a href="charts/bubble.html"><i class="fa fa-angle-right"></i> 消息模板</a></li>-->
                        <!--<li><a href="charts/combinations.html"><i class="fa fa-angle-right"></i> 项目分类</a></li>-->
                        <!--<li><a href="charts/3d.html"><i class="fa fa-angle-right"></i> 项目标签</a></li>-->
                    <!--</ul>-->
                <!--</li>-->
                <!--<li class="treeview"><a href="#"><i class="fa fa-files-o"></i> <span>业务审核</span> <span-->
                        <!--class="pull-right-container"> <i class="fa fa-angle-left pull-right"></i> </span> </a>-->
                    <!--<ul class="treeview-menu">-->
                        <!--<li><a href="pages/login.html"><i class="fa fa-angle-right"></i> 实名认证审核</a></li>-->
                        <!--<li><a href="register.html"><i class="fa fa-angle-right"></i> 广告审核</a></li>-->
                        <!--<li><a href="forgotPassword.html"><i class="fa fa-angle-right"></i> 众筹审核</a></li>-->
                    <!--</ul>-->
                <!--</li>-->
            </ul>
            <!-- sidebar-menu -->
        </section>
    </aside>

    <!-- Content Wrapper. Contains page content -->
    <div class="content-wrapper">
        <!-- Content Header (Page header) -->
        <section class="content-header">
            <h1>众筹后台数据概览</h1>
            <ol class="breadcrumb">
                <li><a href="#"><i class="fa fa-home"></i> 首页</a></li>
                <li class="active"><i class="fa fa-dashboard"></i> 平台数据概览</li>
            </ol>
        </section>

        <!-- Main content -->
        <section class="content container-fluid">
            <div class="row">
                <div class="col-lg-3 col-xs-6">
                    <div class="media-box">
                        <div class="media-icon pull-left"><i class="icon-bargraph"></i></div>
                        <div class="media-info">
                            <h5>总众筹商品数</h5>
                            <h3 id="totalGoodNum">1530</h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="media-box bg-sea">
                        <div class="media-icon pull-left"><i class="icon-wallet"></i></div>
                        <div class="media-info">
                            <h5>总获得筹金额</h5>
                            <h3>￥<span id="totalFundMoney">8,530</span></h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="media-box bg-blue">
                        <div class="media-icon pull-left"><i class="icon-basket"></i></div>
                        <div class="media-info">
                            <h5>众筹达标商品占比</h5>
                            <h3 id="passRate">44%</h3>
                        </div>
                    </div>
                </div>
                <div class="col-lg-3 col-xs-6">
                    <div class="media-box bg-green">
                        <div class="media-icon pull-left"><i class="icon-layers"></i></div>
                        <div class="media-info">
                            <h5>累计访客人数</h5>
                            <h3><span id="guestNum"></span>人</h3>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">
                <!--<div class="col-lg-7">-->
                    <!--<div class="chart-box">-->
                        <!--<h4>Product Sales</h4>-->
                        <!--<div class="chart">-->
                            <!--<div id="container"></div>-->
                            <!--&lt;!&ndash;for values check "Product Sales" chart on char-function.js&ndash;&gt;-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="col-lg-5">-->
                    <!--<div class="chart-box">-->
                        <!--<h4>Sales Overview</h4>-->
                        <!--<div class="chart">-->
                            <!--<div id="container1"></div>-->
                            <!--&lt;!&ndash;for values check "Sales Overview" chart on char-function.js&ndash;&gt;-->
                        <!--</div>-->
                    <!--</div>-->
                <!--</div>-->
                <div class="col-lg-5">
                    <div class="chart-box">
                        <h4>尊敬的<span id="emailLogin0">2424847652@qq.com</span>邮箱</h4>
                        <h5>您有<span id="emailNum0">0</span>条新邮件</h5>
                        <div class="message-widget" id="emailList0">
                            <a href="#">
                                <div class="user-img pull-left"><img src="dist/img/img1.jpg"
                                                                     class="img-circle img-responsive" alt="User Image">
                                    <span class="profile-status online pull-right"></span></div>
                                <div class="mail-contnet">
                                    <h5>-----</h5>
                                    <span class="mail-desc">---------------------------------------------</span> <span
                                        class="time">--:-- AM</span></div>
                            </a>
                            <a href="#">
                                <div class="user-img pull-left"><img src="dist/img/img1.jpg"
                                                                     class="img-circle img-responsive" alt="User Image">
                                    <span class="profile-status invisable pull-right"></span></div>
                                <div class="mail-contnet">
                                    <h5>-----</h5>
                                    <span class="mail-desc">---------------------------------------------</span> <span
                                        class="time">--:-- AM</span></div>
                            </a>
                            <a href="#">
                                <div class="user-img pull-left"><img src="dist/img/img1.jpg"
                                                                     class="img-circle img-responsive" alt="User Image">
                                    <span class="profile-status offline pull-right"></span></div>
                                <div class="mail-contnet">
                                    <h5>-----</h5>
                                    <span class="mail-desc">---------------------------------------------</span> <span
                                        class="time">--:-- AM</span></div>
                            </a>
                        </div>
                    </div>
                </div>
                <div class="col-lg-7">
                    <div class="chart-box">
                        <h3>今日获筹项目</h3>
                        <div class="table-block">
                            <div class="info-block">
                                <p style="font-size: 140%">今日捐款人数
                                    <span id="getFundNum">0</span>，总筹金<span id="getTotalMoney">0</span>元...
                                    <span class="pull-right">
                                        <a href="getMoreTodayFund.html" id="getMoreTodayFund">查看更多
                                            <i class="fa fa-long-arrow-right"></i>
                                        </a>
                                    </span>
                                </p>
                            </div>
                            <div class="table-responsive">
                                <table class="table table-responsive">
                                    <thead>
                                    <tr>
                                        <th>项目名</th>
                                        <th style="text-align: center">总获筹金额</th>
                                        <th style="text-align: center">筹款进度</th>
                                        <th style="text-align: center">今日获筹金额</th>
                                        <th style="text-align: center">所属用户</th>
                                    </tr>
                                    </thead>
                                    <tbody>

                                    <!--<tr>-->
                                    <!--<td class="text-truncate">OV-101777</td>-->
                                    <!--<td class="text-truncate"><a href="#">VIO-0035421</a></td>-->
                                    <!--<td class="text-truncate">$ 653.00</td>-->
                                    <!--<td class="text-truncate">668</td>-->
                                    <!--<td class="text-truncate"><a href="#">Florence Douglas</a></td>-->
                                    <!--</tr>-->

                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="row">


                <div class="col-lg-4">
                    <div class="chart-box">

                        <!-- Nav tabs -->
                        <ul class="nav nav-tabs" role="tablist" style="font-size: 130%">
                            <li role="presentation" class="active"><a href="#home" aria-controls="home" role="tab"
                                                                      data-toggle="tab">技术架构</a></li>
                            <li role="presentation"><a href="#profile" aria-controls="profile" role="tab"
                                                       data-toggle="tab">资源分享</a></li>
                            <li role="presentation"><a href="#messages" aria-controls="messages" role="tab"
                                                       data-toggle="tab">友情链接</a></li>
                        </ul>

                        <!-- Tab panes -->
                        <div class="tab-content">
                            <div role="tabpanel" class="tab-pane active" id="home">
                                <div class="message-widget">
                                    <div>
                                        <!--<div class="user-img pull-left"> <img src="dist/img/img3.jpg" class="img-circle img-responsive" alt="User Image"> </div>-->
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span>
                                            <div class="row">
                                                <div class="col-lg-4 col-xs-4 m-bot-2"><img src="dist/img/img5.jpg"
                                                                                            alt="user"
                                                                                            class="img-responsive img-rounded">
                                                </div>
                                                <div class="col-lg-4 col-xs-4 m-bot-2"><img src="dist/img/img6.jpg"
                                                                                            alt="user"
                                                                                            class="img-responsive img-rounded">
                                                </div>
                                                <div class="col-lg-4 col-xs-4 m-bot-2"><img src="dist/img/img7.jpg"
                                                                                            alt="user"
                                                                                            class="img-responsive img-rounded">
                                                </div>
                                                <div class="m-top-2"><a href="#" class="pull-left">2 comment</a> <a
                                                        href="#" class="pull-left"><i
                                                        class="fa fa-heart text-success"></i> 5 Love</a></div>
                                            </div>
                                        </div>
                                    </div>
                                    <div>
                                        <!--<div class="user-img pull-left"> <img src="dist/img/img2.jpg" class="img-circle img-responsive" alt="User Image"> </div>-->
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span></div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="profile">
                                <div class="message-widget">
                                    <div>
                                        <!--<div class="user-img pull-left"> <img src="dist/img/img2.jpg" class="img-circle img-responsive" alt="User Image"> </div>-->
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span></div>
                                    </div>
                                    <div>
                                        <!--<div class="user-img pull-left"> <img src="dist/img/img3.jpg" class="img-circle img-responsive" alt="User Image"> </div>-->
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span>
                                            <div class="row">
                                                <div class="col-lg-4 col-xs-4 m-bot-2"><img src="dist/img/img5.jpg"
                                                                                            alt="user"
                                                                                            class="img-responsive img-rounded">
                                                </div>
                                                <div class="col-lg-4 col-xs-4 m-bot-2"><img src="dist/img/img6.jpg"
                                                                                            alt="user"
                                                                                            class="img-responsive img-rounded">
                                                </div>
                                                <div class="col-lg-4 col-xs-4 m-bot-2"><img src="dist/img/img7.jpg"
                                                                                            alt="user"
                                                                                            class="img-responsive img-rounded">
                                                </div>
                                                <div class="m-top-2"><a href="#" class="pull-left">2 comment</a> <a
                                                        href="#" class="pull-left"><i
                                                        class="fa fa-heart text-success"></i> 5 Love</a></div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div role="tabpanel" class="tab-pane" id="messages">
                                <div class="message-widget">
                                    <div>
                                        <div class="user-img pull-left"><img src="dist/img/img2.jpg"
                                                                             class="img-circle img-responsive"
                                                                             alt="User Image"></div>
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span></div>
                                    </div>
                                    <div>
                                        <div class="user-img pull-left"><img src="dist/img/img2.jpg"
                                                                             class="img-circle img-responsive"
                                                                             alt="User Image"></div>
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span></div>
                                    </div>
                                    <div>
                                        <div class="user-img pull-left"><img src="dist/img/img2.jpg"
                                                                             class="img-circle img-responsive"
                                                                             alt="User Image"></div>
                                        <div class="mail-contnet">
                                            <h5>Florence Douglas</h5>
                                            <p>Lorem Ipsum is simply dummy text of the printing and type setting
                                                industry. Lorem Ipsum has been the printing and type setting simply
                                                dummy text industry.</p>
                                            <span class="time m-bot-2">10:30 AM</span></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>


                <div class="col-lg-8">
                    <div class="row">
                        <div class="col-lg-12">
                            <div><img src="dist/img/img8.jpg" class="img-responsive" alt="User Image">
                                <div class="panel-body">
                                    <div class="row">
                                        <div class="col-md-5">
                                            <p class="text-bold text-uppercase" style="font-size: 180%">今天（<span
                                                    id="today-date"></span>）</p>
                                            <div class="row-fluid">
                                                <div class="col-md-3">
                                                    <div class="wi wi-day-snow font-25 text-warning" id="today-type"
                                                         style="font-size: 300%"></div>
                                                </div>
                                                <div class="col-md-9">
                                                    <div class="weather-cent text-warning text-bold font-30"><span
                                                            id="today-temperature">25</span></div>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-md-7">
                                            <div class="row">
                                                <div class="col-md-2 col-xs-4">
                                                    <p class="text-uppercase " id="1-date">Mon</p>
                                                    <div class="wi wi-day-snow font-18 text-indigo" id="1-type"
                                                         style="font-size: 300%"></div>
                                                    <div class="wi-small weather-cent"><span id="1-temperature"
                                                                                             style="font-size: 180%">17</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-xs-4">
                                                    <p class="text-uppercase" id="2-date">Tue</p>
                                                    <div class="wi wi-day-cloudy-windy font-18 text-lime" id="2-type"
                                                         style="font-size: 300%"></div>
                                                    <div class="wi-small weather-cent"><span id="2-temperature"
                                                                                             style="font-size: 180%">22</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-xs-4">
                                                    <p class="text-uppercase" id="3-date">Wed</p>
                                                    <div class="wi wi-day-lightning font-18 text-amber" id="3-type"
                                                         style="font-size: 300%"></div>
                                                    <div class="wi-small weather-cent"><span id="3-temperature"
                                                                                             style="font-size: 180%">17</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-xs-4">
                                                    <p class="text-uppercase" id="4-date">Thur</p>
                                                    <div class="wi wi-night-rain-mix font-18 text-blue" id="4-type"
                                                         style="font-size: 300%"></div>
                                                    <div class="wi-small weather-cent"><span id="4-temperature"
                                                                                             style="font-size: 180%">24</span>
                                                    </div>
                                                </div>
                                                <div class="col-md-2 col-xs-4">
                                                    <p class="text-uppercase" id="5-date">Fri</p>
                                                    <div class="wi wi-night-rain font-18 text-slate" id="5-type"
                                                         style="font-size: 300%"></div>
                                                    <div class="wi-small weather-cent"><span id="5-temperature"
                                                                                             style="font-size: 180%">20</span>
                                                    </div>
                                                </div>
                                                <!--<div class="col-md-2 col-xs-4">-->
                                                <!--<p class="text-uppercase">Sat</p>-->
                                                <!--<div class="wi wi-sunrise font-18 text-success"></div>-->
                                                <!--<div class="wi-small weather-cent"><span>16</span></div>-->
                                                <!--</div>-->
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </section>
        <!-- content -->
    </div>
    <!-- content-wrapper -->

    <!-- Main Footer -->
    <footer class="main-footer dark-bg">
        <div class="pull-right hidden-xs"> Version 1.0</div>
        Copyright &copy; 2023 CmJava. All rights reserved.
    </footer>
</div>
<!-- wrapper -->

<!-- jQuery -->
<script src="dist/js/jquery.min.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="dist/js/ovio.js"></script>

<!-- charts -->
<script src="plugins/charts/code/modules/exporting.js"></script>
<!--下面是引入自定义的js，每个页面都要引-->
<script src="dist/layer/layer.js" type="text/javascript"></script>
<script type="text/javascript" src="adminCommon.js"></script>
<script src="dist/js/jquery.jsonp-2.4.0.min.js"></script>
<script type="text/javascript">
    // 延迟加载chart-functions.js
    var weatherNum = 1;
    $(function () {
        function setWeather(date, temperature, type) {
            var dateId = "#" + weatherNum + "-date";
            var temperatureId = "#" + weatherNum + "-temperature";
            var typeId = "#" + weatherNum + "-type";
            $(dateId).text(date);
            $(temperatureId).text(temperature);
            switch (type) {
                case "晴":
                    $(typeId).attr("class", "wi wi-sunrise font-18 text-success");
                    break;
                case "阴":
                    $(typeId).attr("class", "wi wi-day-cloudy-windy font-18 text-lime");
                    break;
                case "多云":
                    $(typeId).attr("class", "wi wi-day-cloudy-windy font-18 text-lime");
                    break;
                case "小雨":
                    $(typeId).attr("class", "wi wi-night-rain-mix font-18 text-blue");
                    break;
                case "大雨":
                    $(typeId).attr("class", "wi wi-night-rain font-18 text-slate");
                    break;
                default:
                    $(typeId).attr("class", "wi wi-day-snow font-18 text-indigo");
            }
            $(typeId).text();
            if (weatherNum == 1) {
                $("#today-date").text(date);
                $("#today-temperature").text(temperature);
                switch (type) {
                    case "晴":
                        $("#today-type").attr("class", "wi wi-sunrise font-18 text-success");
                        break;
                    case "阴":
                        $("#today-type").attr("class", "wi wi-day-cloudy-windy font-18 text-lime");
                        break;
                    case "多云":
                        $("#today-type").attr("class", "wi wi-day-cloudy-windy font-18 text-lime");
                        break;
                    case "小雨":
                        $("#today-type").attr("class", "wi wi-night-rain-mix font-18 text-blue");
                        break;
                    case "大雨":
                        $("#today-type").attr("class", "wi wi-night-rain font-18 text-slate");
                        break;
                    default:
                        $("#today-type").attr("class", "wi wi-day-snow font-18 text-indigo");
                }
            }
            weatherNum++;
        }

        function compareGoodId(tempGoodId,goodId){
            if (tempGoodId.length==0){
                tempGoodId.push(goodId);
                return false;
            }

            for (var i = 0; i <tempGoodId.length ; i++) {
                if(goodId==tempGoodId[i]){
                    return true;
                }
            }
            tempGoodId.push(goodId);
            return false;
        }


        // ajax跨域请求要用jsonp协议，但是jsonp返回的不是json格式，解析会失败
        // 所以要引入jquery.jsonp-2.4.0.min.js，用$.jsonp请求
        $.jsonp({
            url: "http://wthrcdn.etouch.cn/weather_mini?city=福州",
            async: false,
            callbackParameter: 'callback',
            // 已经是解析成功后的json数据
            success: function (weather) {
                if (weather.desc = "OK") {
                    var city = weather.data.city;
                    // 当天的天气信息
                    var date0 = weather.data.forecast[0].date.split("日")[1];
                    var high0 = weather.data.forecast[0].high.substring(3);
                    var low0 = weather.data.forecast[0].low.substring(3).split("℃")[0];
                    var temperature0 = low0 + " - " + high0;
                    var type0 = weather.data.forecast[0].type;
                    setWeather(date0, temperature0, type0);


                    // 第二天的天气信息
                    var date1 = weather.data.forecast[1].date.split("日")[1];
                    var high1 = weather.data.forecast[1].high.substring(3);
                    var low1 = weather.data.forecast[1].low.substring(3).split("℃")[0];
                    var temperature1 = low1 + " - " + high1;
                    var type1 = weather.data.forecast[1].type;
                    setWeather(date1, temperature1, type1);

                    // 第三天的天气信息
                    var date2 = weather.data.forecast[2].date.split("日")[1];
                    var high2 = weather.data.forecast[2].high.substring(3);
                    var low2 = weather.data.forecast[2].low.substring(3).split("℃")[0];
                    var temperature2 = low2 + " - " + high2;
                    var type2 = weather.data.forecast[2].type;
                    setWeather(date2, temperature2, type2);


                    // 第四天的天气信息
                    var date3 = weather.data.forecast[3].date.split("日")[1];
                    var high3 = weather.data.forecast[3].high.substring(3);
                    var low3 = weather.data.forecast[3].low.substring(3).split("℃")[0];
                    var temperature3 = low3 + " - " + high3;
                    var type3 = weather.data.forecast[3].type;
                    setWeather(date3, temperature3, type3);


                    // 第五天的天气信息
                    var date4 = weather.data.forecast[4].date.split("日")[1];
                    var high4 = weather.data.forecast[4].high.substring(3);
                    var low4 = weather.data.forecast[4].low.substring(3).split("℃")[0];
                    var temperature4 = low4 + " - " + high4;
                    var type4 = weather.data.forecast[4].type;
                    setWeather(date4, temperature4, type4);

                }
            },
            error: function () {
                layer.msg("天气获取失败，请刷新...");
            }
        });

        // 首页项目众筹标签信息概览
        $.post("indexGoodInf", function (resultEntity) {
            if (resultEntity.resultFlag == true) {
                var data = JSON.stringify(resultEntity.data);
                data = data.substring(1, data.length - 1);
                $("#totalGoodNum").text(data.split("-")[0] + " 件");
                $("#totalFundMoney").text(data.split("-")[1] + " 元");
                $("#passRate").text(data.split("-")[2] + " %");

                $.post("totalVisotor",function (resultEntity) {
                    if (resultEntity.resultFlag == true) {
                        $("#guestNum").text(resultEntity.data);
                    }else {
                        layer.msg("累计访客人数获取失败，请刷新...")
                    }
                });
            } else {
                layer.msg("首页众筹信息获取失败，请刷新...")
            }
        });

        // 首页今日获筹信息
        $.post("indexTodayInf", function (resultEntity) {
            if (resultEntity.resultFlag == true) {
                $("#getFundNum").text(resultEntity.data.getFundNum);
                $("#getTotalMoney").text(resultEntity.data.getTotalMoney);


                var tbodyHtml = "";
                var length = resultEntity.data.goodList.length;

                var tempGoodId = new Array();
                var count=0;
                for (var i = length-1; i >=0; i--) {
                    var goodId = Number(JSON.stringify(resultEntity.data.goodList[i].goodId));
                    var flag = compareGoodId(tempGoodId,goodId);
                    if (flag == true) {
                        continue;
                    }
                    if (count>=5){
                        break;
                    }
                    var currentAmount=Number(resultEntity.data.goodList[i].currentAmount);
                    var targetAmount=Number(resultEntity.data.goodList[i].targetAmount);
                    var completionRate = Math.floor(currentAmount/targetAmount*10000)/100;

                    tbodyHtml += "<tr>\n" +
                        "                      <td class=\"text-truncate\">"+resultEntity.data.goodList[i].goodName+"</td>\n" +
                        "                      <td class=\"text-truncate\" style=\"text-align: center\"><a href=\"goodDetail.html?primaryKey="+resultEntity.data.goodList[i].goodId+"\">"+resultEntity.data.goodList[i].currentAmount+"</a></td>\n" +
                        "                      <td class=\"text-truncate\" style=\"text-align: center\">"+completionRate+" %</td>\n" +
                        "                      <td class=\"text-truncate\" style=\"text-align: center\">"+resultEntity.data.goodList[i].todayGetMoney+" 元</td>\n" +
                        "                      <td class=\"text-truncate\" style=\"text-align: center\"><a href=\"userDetail.html?primaryKey="+resultEntity.data.goodList[i].userId+"\">"+resultEntity.data.goodList[i].userName+"</a></td>\n" +
                        "                    </tr>";

                    count++;

                }
                $("tbody").html(tbodyHtml);


                // setTimeout("delayLoadScript();", 100);
            } else {
                // layer.msg("今日获筹信息获取失败，请刷新...")
            }
        });

        // setTimeout("delayLoadScript();", 500);
    });

    // 需要延迟的代码块必须写在外面$(function(){});
    function delayLoadScript() {
        var script = document.createElement('script');
        script.src = "plugins/charts/chart-functions.js";
        document.body.appendChild(script);
    }
</script>

</body>
</html>